<div id="b-text">

    <div id="side-nav">

        <?=$this->load->view('site/galerija/sidenav');?>

    </div>

    <div id="content">

        <div id="text">

            <div id="photoGallery">
                <?
                    $total = 9;
                    for($i=1;$i<=9;$i++){?>
                    <div class="imageElement">
                        <h3><?=$this->lang->line('photo');?> <?=$i.'/'.$total?></h3>
                        <img src="<?=base_url();?>assets/img/gallerytivat/image/photo-<?=$i;?>.jpg" class="full" />
                        <img src="<?=base_url();?>assets/img/gallerytivat/thumbnail/photo-<?=$i;?>.jpg" class="thumbnail" />
                    </div>
                    <? }
                ?>         
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">

    function startGallery() {
        var myGallery = new gallery(Moo.$('photoGallery'), {
            timed: true
        });
    }

    window.onDomReady(startGallery);

</script>
<style>
    #content{
        background-color: #000000;
        float: right;
        height: 386px;
        opacity: 1;
        width: 730px;
    }
    #text {
        color: #000000;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        height: 354px;
        line-height: 19px;
        padding: 0;
        width: 730px;
        overflow: visible;
    }
</style>